<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Keywords" content="超星数字图书馆" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width"/>
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <title>大数据移动展示墙</title>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <!--<link rel="stylesheet" href="css/index2.css"/>-->
    <link rel="stylesheet" href="css/test.css"/>
    <link rel="stylesheet" id="pageloader-css"  href="css/pageloader.css" type="text/css" media="all" />

</head>
<body>
<!--加载 -->
<div id="bonfire-pageloader">
    <div class="bonfire-pageloader-icon">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
		<path id="loading-12-icon" d="M291,82.219c0,16.568-13.432,30-30,30s-30-13.432-30-30s13.432-30,30-30S291,65.65,291,82.219z
			 M261,404.781c-15.188,0-27.5,12.312-27.5,27.5s12.312,27.5,27.5,27.5s27.5-12.312,27.5-27.5S276.188,404.781,261,404.781z
			 M361.504,113.167c-4.142,7.173-13.314,9.631-20.487,5.489c-7.173-4.141-9.631-13.313-5.49-20.487
			c4.142-7.173,13.314-9.631,20.488-5.489C363.188,96.821,365.645,105.994,361.504,113.167z M188.484,382.851
			c-14.348-8.284-32.697-3.368-40.98,10.98c-8.285,14.349-3.367,32.696,10.98,40.981c14.35,8.283,32.697,3.367,40.98-10.981
			C207.75,409.482,202.834,391.135,188.484,382.851z M421.33,184.888c-8.368,4.831-19.07,1.965-23.901-6.404
			c-4.832-8.368-1.965-19.07,6.404-23.902c8.368-4.831,19.069-1.964,23.9,6.405C432.566,169.354,429.699,180.056,421.33,184.888z
			 M135.399,329.767c-8.285-14.35-26.633-19.266-40.982-10.982c-14.348,8.285-19.264,26.633-10.979,40.982
			c8.284,14.348,26.632,19.264,40.981,10.98C138.767,362.462,143.683,344.114,135.399,329.767z M436.031,277.249
			c-11.044,0-20-8.953-20-19.999c0-11.045,8.955-20.001,20.001-20.001c11.044,0,19.999,8.955,19.999,20.002
			C456.031,268.295,447.078,277.249,436.031,277.249z M115.97,257.251c-0.001-16.57-13.433-30.001-30.001-30.002
			c-16.568,0.001-29.999,13.432-30,30.002c0.001,16.566,13.433,29.998,30.001,30C102.538,287.249,115.969,273.817,115.97,257.251z
			 M401.333,364.248c-10.759-6.212-14.446-19.97-8.234-30.73c6.212-10.759,19.971-14.446,30.731-8.233
			c10.759,6.211,14.445,19.971,8.232,30.73C425.852,366.774,412.094,370.46,401.333,364.248z M135.398,184.736
			c8.285-14.352,3.368-32.698-10.98-40.983c-14.349-8.283-32.695-3.367-40.981,10.982c-8.282,14.348-3.366,32.696,10.981,40.981
			C108.768,204,127.115,199.082,135.398,184.736z M326.869,421.328c-6.902-11.953-2.807-27.242,9.148-34.145
			s27.243-2.806,34.146,9.149c6.902,11.954,2.806,27.243-9.15,34.145C349.059,437.381,333.771,433.284,326.869,421.328z
			 M188.482,131.649c14.352-8.286,19.266-26.633,10.982-40.982c-8.285-14.348-26.631-19.264-40.982-10.98
			c-14.346,8.285-19.264,26.633-10.98,40.982C155.787,135.017,174.137,139.932,188.482,131.649z"/>
		</svg>

    </div>

</div>
<!--加载 -->

<div class="wrap">
    <div class="swiper-container swiper-container-v">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="page_01 zero">
                    <div class="top">
                        <span class="back"></span>
                        <h3>首页</h3>
                    </div>
                    <!--<div class="outer_circle ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><img src="images/firstpage/out_circle.png"></div>-->
                    <!--<div class="inner_circle"><img src="images/firstpage/inner_circle.png"></div>-->
                    <div class="logo_txt ro"><img src="images/firstpage/logo_txt.png"></div>
                    <!--<div class="page_01_01" style="-webkit-animation:op 4s linear 0s infinite;"><img src="images/1/dianzhui.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div>-->
                    <div class="logo"><img src="images/firstpage/logo.png"></div>
                    <!--<div class="page_01_06 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>-->
                    <!--<div class="page_01_07 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"></div>-->
                    <!--<div class="page_01_08 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s"></div>-->
                    <div class="outer_circle" style="-webkit-animation:qw 8s linear 0s infinite;"><img src="images/firstpage/out_circle.png" class="" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"></div>
                    <!--<div class="inner_circle" style="-webkit-animation:rotate 10s linear 0s infinite;"><img src="images/firstpage/inner_circle.png" class="" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div>-->
                   <div class="first_des sl">
                       <p>大数据移动展示墙</p>
                   </div>
                    <div class="open ani">开启旅程</div>

                    <!--<div class="page_01_10 ani" swiper-animate-effect="rotateInDownRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/1/xian.png"></div>-->
                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s"></div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page_01 one">
                    <div class="top">
                        <span class="back"></span>

                        <h3>借阅排行</h3>
                    </div>
                    <div class="first_book ani rotateIn animated" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.2s;-webkit-animation-delay:0.2s;">
                        <img src="images/rank/big_book.png" alt=""/>
                        <div>
                            <p>TOP.</p>
                            <span>1</span>
                        </div>
                    </div>
                    <div class="bot_book">
                        <div class="text">
                            <p class="ptxt ani bounceOutDown animated" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:2.5s;-webkit-animation-delay:2.5s;">梦里花落知多少</p>
                            <p class="ptxt ani bounceOutDown animated" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="3s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:3s;-webkit-animation-delay:3s;">作者：郭敬明</p>
                            <p class="ptxt ani bounceOutDown animated" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:3.5s;-webkit-animation-delay:3.5s;">借阅量：3478</p>
                        </div>
                        <div class="first_book small2 ani bounceIn animated" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>2</span>
                            </div>
                        </div>
                        <div class="first_book small3 ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>3</span>
                            </div>
                        </div>
                        <div class="first_book small4 ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>4</span>
                            </div>
                        </div>
                        <div class="first_book small5 ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>5</span>
                            </div>
                        </div>
                        <div class="first_book small6 ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>6</span>
                            </div>
                        </div>
                        <div class="first_book small7 ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>7</span>
                            </div>
                        </div>
                        <div class="first_book small8 ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>8</span>
                            </div>
                        </div>
                        <div class="first_book small9 ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>9</span>
                            </div>
                        </div>
                        <div class="first_book small10 ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
                            <img src="images/rank/big_book.png" alt=""/>
                            <div>
                                <p>TOP.</p>
                                <span>10</span>
                            </div>
                        </div>

                    </div>

                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1s"></div>
                </div>
                <p></p>
            </div>
            <div class="swiper-slide">
                <div class="page_01 two">
                    <div class="top">
                        <span class="back"></span>
                        <h3>借还书系统</h3>
                    </div>
                    <div class="borders ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.3s" swiper-animate-delay="0s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.3s;-webkit-animation-duration:0.3s;animation-delay:0s;-webkit-animation-delay:0s;">
                        <p>累计借阅</p>
                        <p>3435455&nbsp;<span>册</span></p>
                        <div class="innerborder"></div>
                    </div>
                    <div class="bbox">
                        <ul class="borrow clearfix">
                            <li class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1s;-webkit-animation-delay:1s;">
                                <div class="b_bg">
                                    <div class="b_title">今日借阅</div>
                                    <span>170</span>
                                    <span>册</span>
                                </div>
                            </li>
                            <li class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;">
                                <div class="b_bg">
                                    <div class="b_title">本周借阅</div>
                                    <span>340</span>
                                    <span>册</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--<div id="container4" style="min-width:300px;height:30%"></div>-->
                    <div class="page6-wrap ani bounceIn animated" id="main3" style="margin:auto;width: 340px;height: 380px;" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s">

                    </div>
                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1s"></div>

                </div>
            </div>
            <div class="swiper-slide">
                <div class="page_01 three">
                    <div class="top">
                        <span class="back"></span>

                        <h3>到馆统计</h3>
                    </div>
                    <div class="outer ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s"
                         swiper-animate-delay="0.2s">
                        <div class="inner"></div>
                        <img src="images/count/two_pic.png" alt=""/>
                    </div>
                    <div class="pernum ani clearfix" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
                        <div class="numone">
                            <div class="count1">345人</div>
                            <div class="bar1"></div>
                        </div>

                        <div class="numtwo">
                            <div class="count2">56人</div>
                            <div class="bar2"></div>

                        </div>

                        <div class="numthree">
                            <div class="count3">12345人</div>
                            <div class="bar3"></div>
                        </div>

                    </div>
                    <div class="des ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                        <div class="title1">今日到馆</div>
                        <div class="title2">当前到馆</div>
                        <div class="title3">本周到馆</div>
                    </div>
                    <div class="totalPer ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
                        <p>累计到馆（从2016年1月开始）</p>
                        <div class="box">
                            <div class="rectangle_bg">
                                <div class="rectangle">0人次</div>
                            </div>

                        </div>
                    </div>
                    <!--<div class="page2-form" id="main1">-->
                        <!--<div id="progress">-->
                            <!--<div class="processbar"></div>-->
                        <!--</div>-->
                        <!--<img src="images/progress.png" class="kedu"/>-->
                    <!--</div>-->





                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1.6s"></div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page_01 four">
                    <div class="top">
                        <span class="back"></span>
                        <h3>今日推荐</h3>
                    </div>
                    <div class="swiper-container swiper-container-h">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="banner_bg1">
                                    <img src="images/recommend/bg_pic.png" alt="" class="bg_pic ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
                                    <p class="ani bounceInLeft animated" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">菩提花开又花落</p>

                                </div>
                                <div class="banner_des ani bounceIn animated" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1s;-webkit-animation-delay:1s;">
                                    <span>当前已有</span>
                                    <span class="num_bg">34人</span>
                                    <span>参与阅读</span>
                                </div>
                            </div>
                            <div class="swiper-slide" id="twopic">
                                <div class="banner_bg1">
                                    <img src="images/recommend/bg_pic.png" alt="" class="bg_pic ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
                                    <p class="ani bounceInLeft animated" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">菩提花开又花落</p>

                                </div>
                                <div class="banner_des ani bounceIn animated" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1s;-webkit-animation-delay:1s;">
                                    <span>当前已有</span>
                                    <span class="num_bg">34人</span>
                                    <span>参与阅读</span>
                                </div>
                            </div>
                            <div class="swiper-slide" id="threepic">
                                <div class="banner_bg1">
                                    <img src="images/recommend/bg_pic.png" alt="" class="bg_pic ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
                                    <p class="ani bounceInLeft animated" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">菩提花开又花落</p>

                                </div>
                                <div class="banner_des ani bounceIn animated" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s" swiper-animate-style-cache=" " style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:1s;-webkit-animation-delay:1s;">
                                    <span>当前已有</span>
                                    <span class="num_bg">34人</span>
                                    <span>参与阅读</span>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <!--<div class="swiper-pagination"></div>-->
                    </div>
                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1.6s"></div>

                </div>
            </div>
            <div class="swiper-slide">
                <div class="page_01 star">
                    <div class="top">
                        <span class="back"></span>
                        <h3>昨日阅读之星</h3>
                    </div>
                    <div class="allstar">
                        <ul>
                            <li class="ani" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                                 <div class="s_head" >
                                     <img src="images/star/child.png" alt="" id="starhead" />
                                 </div>
                                 <div class="s_rank">NO.1</div>
                                 <p>大卫·科波菲尔</p>
                                 <p>阅读：8小时58分</p>
                                 <div class="p_bg">NO.1</div>
                            </li>
                            <li class="ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                <div class="s_head">
                                    <img src="images/star/child.png" alt=""/>
                                </div>
                                <div class="s_rank">NO.2</div>
                                <p>大卫·科波菲尔</p>
                                <p>阅读：8小时58分</p>
                                <div class="p_bg">NO.2</div>
                            </li>
                            <li class="ani" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                                <div class="s_head">
                                    <img src="images/star/child.png" alt=""/>
                                </div>
                                <div class="s_rank">NO.3</div>
                                <p>大卫·科波菲尔</p>
                                <p>阅读：8小时58分</p>
                                <div class="p_bg">NO.3</div>
                            </li>

                        </ul>
                    </div>

                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1.6s"></div>

                </div>
            </div>

            <div class="swiper-slide" id="noslide">
                <div class="page_01 five">
                    <div class="top">
                        <span class="back"></span>
                        <h3>通知</h3>
                    </div>
                    <div class="notice_con" id="notice_box">
                        <div class="other">
                            <div class="longline"></div>
                            <ul class="clearfix" id="notice">

                                <!--<li class="clearfix ani bounceInRight animated" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache="visibility: hidden;" style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">-->
                                <li class="clearfix odd" >
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix even">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix odd">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix even">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix odd">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix even">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix odd">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix even">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix odd">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                                <li class="clearfix even">
                                    <span class="notice_date">5月7日</span>
                                    <span class="contact_icon"></span>
                                    <div class="contact_line">
                                        <p>10:00am</p>
                                        <span></span>

                                    </div>
                                    <div class="notice_con">
                                        <span class="new_icon"></span>
                                        <h3>喜洋洋与灰太狼</h3>
                                        <p>将带给是一哈哈集合集合就会房款开发开发离开股份工具栏</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown"
                                         swiper-animate-duration="0.5s" swiper-animate-delay="1.6s"></div>

                </div>
            </div>
            <div class="swiper-slide">
                <div class="page_01 noticelist">
                <div class="top">
                    <span class="back"></span>
                    <h3>通知</h3>
                </div>
                <div class="list">
                    <div class="listitle">
                        喜洋洋与灰太狼之牛气冲天
                    </div>
                    <div class="listcon">
                        <div class="botline">
                            <span>5月7日</span>
                            <span>10:00am</span>

                        </div>
                        <p>相传，青青草原原住着世界上最肥的羊，灰太狼带着祖先留下的典籍，携同妻子红太狼来到青青草原，誓愿品尝美味肥羊。可是第一天便碰到了村里最机智的喜羊羊，灰太狼出尽法宝也开启不了羊村闸门，反被喜羊羊戏弄一番。灰太狼与红太狼并没有放弃吃羊的强烈愿望，他们在羊群的对面住处了下来，不放过任何一个可以捉到羊的机会。但事实上，聪明的羊儿让他们吃尽了苦</p>
                        <p>相传，青青草原原住着世界上最肥的羊，灰太狼带着祖先留下的典籍，携同妻子红太狼来到青青草原，誓愿品尝美味肥羊。可是第一天便碰到了村里最机智的喜羊羊，灰太狼出尽法宝也开启不了羊村闸门，反被喜羊羊戏弄一番。灰太狼与红太狼并没有放弃吃羊的强烈愿望，他们在羊群的对面住处了下来，不放过任何一个可以捉到羊的机会。但事实上，聪明的羊儿让他们吃尽了苦</p>

                    </div>
                </div>
            </div>
            </div>



        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
<!--<script type="text/javascript" src="js/echarts.min.js"></script>-->
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<!--<script type="text/javascript" src="js/highcharts.js"></script>-->
<!--<script type="text/javascript" src="js/grid.js"></script>-->
<!--<script src="js/swiper.jquery.min.js"></script>-->
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>

<script src="js/iscroll.js"></script>
<script src="js/index.js"></script>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<script src="js/pageloader.js" type="text/javascript"></script>
<!-- BEGIN PLACE LOADING ICON IN THE MIDDLE OF THE PAGE -->
<script>
    jQuery(window).resize(function(){
        resizenow();
    });
    function resizenow() {
        var browserwidth = jQuery(window).width();
        var browserheight = jQuery(window).height();
        jQuery('.bonfire-pageloader-icon').css('right', ((browserwidth - jQuery(".bonfire-pageloader-icon").width())/2)).css('top', ((browserheight - jQuery(".bonfire-pageloader-icon").height())/2));
    };
    resizenow();
</script>

</html>
<div class="first_book small6 ani           fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" swiper-animate-style-cache="visibility: hidden;" style="visibility: visible;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;">
    <img src="images/rank/big_book.png" alt="">
    <div>
        <p>TOP.</p>
        <span>6</span>
    </div>
</div>